.knowledge {
    width: 100%;
    height: 100%;
    display: flex;
}

// .left {
//     flex: 1;
//     background-color: #fff;

.left {
    background-color: #fff;
    height: 205px;
    padding-left: 15px;
    border-bottom: 2px solid #ccc;

    h3 {
        height: 60px;
        line-height: 60px;
        font-weight: 800;
        font-size: 25px;
    }

    dl {
        display: flex;

        img {
            width: 245px;
            height: 125px;
        }

        dd {
            margin-left: 20px;

            p {
                margin-left: 20px;
                line-height: 20px;
            }

        }
    }

}

// }



// @media (max-width: 768px) {}

// @media (min-width: 768px) {
//     .container {
//         width: 768px;
//         .knowledge {
//           background-color: red;
//           .right {
//             display: none;
//           }
//         }
//     }
// }

// @media (min-width: 992px) {}

// @media (min-width: 1200px) {}